@colorfcac45:#fcac45;
html{
  scroll-padding-top: 50px;
  font-size: 16px;
}
.colorfcac45{
  color:@colorfcac45;
}
.underline{
  border-bottom: .1875rem solid @colorfcac45;
}
.underline2{
  border-bottom: .125rem solid @colorfcac45;
}
.fs14{
  font-size: .875rem;
}
.fs12{
  font-size: .75rem;
}
.cursorPointer{
  cursor: pointer;
}
header{
  background: url(../img/bg.png) no-repeat center center;
  background-size: cover;
  height: 49.375rem;
  .navbar-collapse{
    flex-grow: 0;
  }
  #text2{
    top: 35%;
  }
}
#aboutUs{
 #browse{
  background: url(../img/browse.png) no-repeat .625rem center;
  &:hover{
    color: #333;
  }
 }
}
#services{
  .navbar-collapse{
    flex-grow: 0;
  }
}
#work{
  .navbar-collapse{
    flex-grow: 0;
  }
  .hover1{
    div{
      background: rgba(50, 50, 50, 0.9);
      padding-top: 25%;
    }
    &:hover div{
      display: block !important;
    }
  }
}
#send{
  background: @colorfcac45;
}
footer{
  #logos{
    width: 10rem;
    div{
      width: 1.5rem;
      height: 1.5rem;
    }
  }
}
@media (max-width: 576px) {
  #arrow{
    margin-top: 37.5rem;
  }
}
@media (min-width: 576px) {
  #arrow{
    margin-top: 21.875rem;
  }
}
@media (min-width: 768px) {
  #arrow{
    margin-top: 15.625rem;
  }
}
@media (min-width: 992px) {
  #arrow{
    margin-top: 6.25rem;
  }
}
@media (min-width: 1400px) {
  #arrow{
    margin-top: -3.125rem !important;
  }
}